#body {
  background-color: #f7f7f7;

  >div {
    width: 1000px;
    margin: 0 auto;

    >.list {
      display: flex;
      flex-wrap: wrap;
      position: relative;

      >li {
        position: absolute;

        width: calc((100% - 3 * 10px) / 4);
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
        margin: 0 10px 10px 0;

        &:nth-child(4n) {
          margin-right: 0;
        }

        >p {
          padding: 5px;
        }

        >div {
          display: flex;
          padding: 5px;
          justify-content: space-between;

          >div {
            display: flex;
            align-items: center;

            >img {
              border-radius: 50%;
              width: 26px;
              height: 26px;
            }
          }
        }
      }
    }
  }
}